---
type: tutorial
unitTitle: 'Welcome, world!'
title: 搭建你的 Astro 博客
description: >-
  通过基于项目的教程学习 Astro 的基础知识。
  提供你开始所需的全部背景知识！
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import Lede from '~/components/tutorial/Lede.astro';

<Lede> 在本教程中，你将通过从零开始搭建一个功能齐全的博客来学习 Astro 的主要功能，并最终将其部署到网络上！🚀 </Lede>

在这一过程中，你将：
- 搭建你的开发环境 
- 为你的网站添加页面和博客文章
- 使用 Astro 组件进行搭建
- 查询和处理本地文件
- 为你的网站添加交互功能
- 将你的网站部署到网络上

想要预览一下你将要搭建的内容吗？你可以在 [GitHub](https://github.com/withastro/blog-tutorial-demo) 或 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro) 上查看最终成果。

:::note
如果你更愿意使用一个预先构建好的 Astro 网站来开始探索，你可以访问 https://astro.new 并选择一个模板，然后在在线编辑器中打开并编辑。
::: 

<Box icon="check-list">

## 任务清单

<Checklist>
- [ ] 很好！我已经准备好开始了！
</Checklist>
</Box>
